import type { FC } from 'react';
import style from './index.less';
import React, { Fragment, useState, useEffect } from 'react';
import { Typography } from 'antd';
import { getAuthorPv } from './service';
import { AliwangwangOutlined, SoundTwoTone } from '@ant-design/icons';
const { Title } = Typography;

interface Props {}

const Achievement: FC<Props> = () => {
  const user_id = localStorage.getItem('user_id');
  const [pv, setPv] = useState(0);
  useEffect(() => {
    getAuthorPv({ user_id }).then(res => {
      console.log(res.data.count);
      setPv(res.data.count);
    });
  }, []);
  return (
    <div className={style.ach_con}>
      <div className={style.header}>
      <AliwangwangOutlined/>
      <div  className={style.tilte}>交流社区</div>
      </div>
      <div className={style.content}>
        <h3>一个专属于大学生的技术交流平台，助力学生个人成长与进步。</h3>

        <h3>在这里，不仅可以畅谈学习心得，也欢迎讨论最顶尖、最前沿的技术，关注互联网的发展。</h3>
      </div>
    </div>
  );
};

export default Achievement;
